.new-channel-modal {
    .new-channel-modal-type-selector {
        margin-top: 24px;
    }

    .new-channel-modal-purpose-container {
        margin-top: 28px;

        .new-channel-modal-purpose-textarea {
            width: 100%;
            box-sizing: border-box;
            background: var(--center-channel-bg);
            color: var(--center-channel-color);
            font-size: 14px;
            line-height: 20px;
            resize: none;

            .Input_wrapper textarea.form-control {
                height: auto;
                border: none;
            }

            &:hover {
                border-color: rgba(var(--center-channel-color-rgb), 0.48);
            }

            &:focus {
                border-color: var(--button-bg);
                box-shadow: inset 0 0 0 1px var(--button-bg);
            }

            &.with-error {
                border-color: var(--error-text);

                &:focus {
                    box-shadow: inset 0 0 0 1px var(--error-text);
                }
            }
        }

        .new-channel-modal-purpose-info {
            margin-top: 5px;
            color: rgba(var(--center-channel-color-rgb), 0.75);
            font-size: 12px;
            line-height: 16px;
            text-align: left;
        }
    }

    @media screen and (max-width: 640px) {
        .modal-content .GenericModal__wrapper {
            display: flex;
            height: 100vh;
            flex-direction: column;

            > .modal-body {
                flex: 1
            }
        }
    }
}

#new-channel-with-board-tooltip {
    span {
        display: block;
        width: 100%;
        text-align: left !important;
    }

    .title {
        font-weight: 800;
    }

    .description {
        font-weight: 500;
    }
}

@media screen and (max-width: 640px) {
    .app__body {
        &.announcement-bar--fixed {
            .new-channel-modal .modal-content .GenericModal__wrapper {
                height: calc(100vh - 40px);
            }
        }
    }
}
